<template>
     <view>
         <view class="content">
			<view v-if="model.ID">
				 <image :src="api.getUrl('/'+model.ShowPicture)" alt="" style="width: 100vw;" mode="widthFix"></image> 
				 <view style="margin: 50rpx;">
				 	<view style="color: #ffffff;font-size: 18px;">
				 		{{model.Title}}
				 	</view>
				 	<view style="color:#9b9696;font-size: 10px;">
				 		{{model.EditTime.substring(0,10)}}
				 	</view>
				 	<view class="line" style="clear:both;margin-top:20rpx;margin-bottom:50rpx"></view>
				 	<view v-html="model.Content" class="new-content">
				 		
				 	</view>
				 </view>
			</view>
			
		 </view>
        
		 
		 
     </view>
 </template>

<script>
import api from '@/common/api'
export default {
	data() {
		return {
			parameter:{page:1,pagesize:10,cid:0},
			model:{},
			selectID:0,
			news:[],
			api:api,
			current: 0,
			status: 'more',
			isMore: true,
			projectList: []
		}
	},
	onLoad(option) {
		this.GetModel(option.id)
	},
	onShareAppMessage: function () {
	
	},
	onReachBottom() {

	},
	onPullDownRefresh() {

	},
	methods: {
		GetModel(id){
			this.$request.post(this.$api.ai.getContentModel, {id:id},'form').then(res => {
				if (res) {
					this.model = res.data
				}
				
			})
		},
		   OwnerShow(record){
			   this.$storage.setJson('project', record)
			   uni.switchTab({
			   	url:'/pages/owner/index'
			   })
			
		   },
		   getData:function(){
		   	this.status = 'loading';
		   	this.$request.postU(this.$api.project.list,this.parameter).then(res=>{
		   		if(res.data.length > 0) {
		   			
		   			this.projectList = this.projectList.concat(res.data)
		   			if(this.projectList.length < res.count) {
		   				this.status = 'more';
		   				this.isMore = true;
		   			} else {
		   				this.status = 'noMore';
		   				this.isMore = false;
		   			}
		   		} else {
		   			this.status = 'noMore';
		   			this.isMore = false;
		   		}
		   		
		   	});
		   }
		}
	}
</script>

<style>
 .content{
 }
 .subtxt{
	 color:#949494;
 }
.new-content{
	 color: #9b9696;
 }
 .line{height: 1px;background: #5d5c5c;}
page {
	    background-color: #272727;
	}
 .list-left{
	 wdith:200px;
	 margin-left:10px;
	 text-align:left;
	 height: 70px;
 }
 .list-right{
 	 margin-left:10px;
	 text-align:left;
	 height: 70px;
 }
 .search-ico-wapper1{
     background-color: #FFFFFF;
     display: flex;
     flex-direction:column;
     justify-content: center;
     padding: 0upx 40upx 0upx 0upx;
     border-bottom-right-radius:18px;
     border-top-right-radius: 18px;
 }
 .shadow{
     width: 638upx;
     height: 60upx;
     border-radius:18px;
     -moz-box-shadow:0 0 10px #e6e6e6;
     -webkit-box-shadow:0 0 10px #e6e6e6;
     box-shadow:0 0 10px #e6e6e6;
     position: relative;
     top: -90upx;
     left: 60upx;
 }
 </style>